<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Settings</title>
</head>
<body>
<p style="margin-top: 5px">Here is your Tag#1 list. You can remove it by tap on it</p>
<span ms-repeat="Tag1" ms-click="$remove" style="color:lightcoral;margin-left: 5px;font-size: 14px">{{el}}</span>
<p style="margin-top: 5px">Here is your Tag#2 list. You can remove it by tap on it</p>
<span ms-repeat="Tag2" ms-click="$remove" style="color:darkolivegreen;margin-left: 5px;font-size: 14px">{{el}}</span>

<p style="margin-top: 25px">If you want customized the Tag item, please input, and click button</p>
<input ms-duplex="inputTag" type="text">
<button class="mui-btn mui-btn-blue" style="width: 48%" ms-click="addtoTag1">Add to Tag#1</button>
<button class="mui-btn mui-btn-blue" style="width: 48%" ms-click="addtoTag2">Add to Tag#2</button>

<h4 style="margin-top: 10%">Before you leave this page,MUST click 'SAVE' button! Or you will lose you work!!!</h4>
<button ms-click="save" class="mui-btn mui-btn-red mui-btn-block">SAVE</button>

</body>
</html>